<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ToDo</title>
</head>
<link rel="stylesheet" href="src/css/normalizeV5.0.css">
<link rel="stylesheet" href="src/css/main.css"/>
<body>

<!-- 总容器 -->
<div class="container">
    <h1>我的ToDo</h1>
    <form class="add-task">
        <input name="content" type="text" placeholder="在这里输入你的日程"/>
        <input type="submit" value="Submit" />
    </form>

    <!-- 清单列表 -->
    <div class="task-list">
        <!--
        <div class="task-item">
            <span><input type="checkbox"/></span>
            <span class="task-content"></span>
            <span>delete</span>
            <span>detail</span>
        </div>
        -->
    </div>
    <div class="task-detail-mask"></div>
    <!-- 任务详情 -->
    <div class="task-detail">

        <!-- 任务标题 -->
        <div class="title">
            这是标题
        </div>
        <div>
            <!-- 任务描述 -->
            <div class="desc">
                <textarea id="" placeholder="这里编辑您的任务描述"></textarea>
            </div>
        </div>

        <!-- 任务提醒 -->
        <div class="remind">
            <input type="date" />
            <!--
            <button type="submit">Submit</button>
            -->
        </div>
    </div>
</div>
<!-- 总容器结束 -->

<script src="src/js/jquery-3.1.1.min.js"></script>
<script src="src/js/store.js"></script>
<!--
<script src="src/js/main.js"></script>
-->
<script src="src/js/todo.js"></script>
</body>
</html>